@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* ��ҳ���ֿ�ʼ */
.header{position:fixed; z-index:22;top:0;left:0;width:100%;min-width:1170px;height:100px;background:#FAFAFA;}
 
.logo{float:left; width:310px;}

.i_nav{float:left; height:100px; border-right:1px solid #e9edf5;}
/*.i_nav li{float:left; width:100px; height:100px; border-left:1px solid #e9edf5;}
.i_nav li > a{display:block; padding-top:20px; color:#333; height:80px; line-height:60px; font-size:15px; text-align:center; background:#fafafa;}
.i_nav li > a em{ display:none; height:35px; background:url(../Images/menu-a1a.png) no-repeat center center;}
.i_nav li > a:hover{line-height:25px; color:#333; background:#e1e3e5;}
.i_nav li > a:hover em{ display:block;}
.i_nav li > a.on{color:#FFF;  line-height:25px; background:#2453b3;}
.i_nav li > a.on em{ display:block;  background:url(../Images/menu-a1.png) no-repeat center center;}

.i_nav li:nth-child(01) > a em{background:url(../Images/menu-a1a.png) no-repeat center center;}
.i_nav li:nth-child(02) > a em{background:url(../Images/menu-a2a.png) no-repeat center center;}
.i_nav li:nth-child(03) > a em{background:url(../Images/menu-a3a.png) no-repeat center center;}
.i_nav li:nth-child(04) > a em{background:url(../Images/menu-a4a.png) no-repeat center center;}
.i_nav li:nth-child(05) > a em{background:url(../Images/menu-a5a.png) no-repeat center center;}
.i_nav li:nth-child(06) > a em{background:url(../Images/menu-a6a.png) no-repeat center center;}
.i_nav li:nth-child(07) > a em{background:url(../Images/menu-a7a.png) no-repeat center center;}

.i_nav li:nth-child(01) > a.on em{background:url(../Images/menu-a1.png) no-repeat center center;}
.i_nav li:nth-child(02) > a.on em{background:url(../Images/menu-a2.png) no-repeat center center;}
.i_nav li:nth-child(03) > a.on em{background:url(../Images/menu-a3.png) no-repeat center center;}
.i_nav li:nth-child(04) > a.on em{background:url(../Images/menu-a4.png) no-repeat center center;}
.i_nav li:nth-child(05) > a.on em{background:url(../Images/menu-a5.png) no-repeat center center;}
.i_nav li:nth-child(06) > a.on em{background:url(../Images/menu-a6.png) no-repeat center center;}
.i_nav li:nth-child(07) > a.on em{background:url(../Images/menu-a7.png) no-repeat center center;}*/

.header_r{float:right; width:190px; padding:0px 40px 0px 0px; font-size:14px; text-align:right; line-height:1.4em;}
.header_r span{ display:block; color:#999; border-right:2px solid #5C7099; padding-right:10px; margin-top:30px;}
.header_r strong{ display:block; border-right:2px solid #5C7099; font-size:16px; padding-right:10px;}

.i_banner_box{position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.i_banner{width:100%; height:100%; overflow:hidden;}
/*.i_banner ul{width:100%; height:100%;}
.i_banner li{width:100%; height:100%;}
.i_banner_p{width:24px;height:100%;padding: 25% 0 0 ;text-align:center;position:absolute;top:0%;right:322px;margin: -73px 0px 0 0;z-index:11;background:url(../images/icon01.jpg) right top repeat-y;}
.i_banner_p a{display:inline-block; margin:10px 0 0 0; color:#FFF; line-height:23px; font-size:14px; font-weight:bold; width:22px; height:22px; background:#2453b3; overflow:hidden; border-radius:11px;}
.i_banner_p a:hover{ background:#e50000; color:#FFF;}
.i_banner_p a.on{ background:#e50000;}*/

.i_container{position:absolute;z-index:2;right:0;top:0;background:#E9EDF5;width:300px;overflow-y:hidden; min-height:100%;padding:0 15px 0px 8px;}
.conrinfo{margin:120px 1px 20px 10px; background:#E9EDF5;}

@media screen and (max-height: 950px) {
.conrinfo{height:700px;overflow-y:auto;}
}
@media screen and (max-height: 900px) {
.conrinfo{height:650px;overflow-y:auto;}
}
@media screen and (max-height: 850px) {
.conrinfo{height:600px;overflow-y:auto;}
}
@media screen and (max-height: 800px) {
.conrinfo{height:550px;overflow-y:auto;}
}
@media screen and (max-height: 750px) {
.conrinfo{height:500px;overflow-y:auto;}
}
@media screen and (max-height: 700px) {
.conrinfo{height:450px;overflow-y:auto;}
}
@media screen and (max-height: 650px) {
.conrinfo{height:400px;overflow-y:auto;}
}
@media screen and (max-height: 600px) {
.conrinfo{height:350px;overflow-y:auto;}
}

.i_about{margin-top:20px; width:254px; height:165px; overflow:hidden;}
.i_about_c{padding:17px 17px; height:72px; line-height:18px; color:#ACC9E5; overflow:hidden; background:#2453B3;}

.i_news{margin-top:15px; position:relative; width:254px; overflow:hidden;}
.i_news_f{width:254px;}
.i_news_f ul{width:2450px;}
.i_news_f li{width:254px; float:left;}
.i_news_f img{width:254px; height:150px;}
.i_news_f span{ display:block; width:254px; height:43px; line-height:21px; margin-top:9px;}
.i_news_f span a{ display:block; color:#2453b3; font-weight:bold;}
.i_nc{position: absolute; top:186px; left:76px; text-align:center;}
.i_nc a{display:inline-block; margin:0 2px; color:#FFF; width:25px; height:5px; background:#FFF; overflow:hidden;}
.i_nc a:hover{ background:#e50000;}
.i_nc a.on{ background:#e50000;}

.i_news_l{width:254px;}
.i_news_l li{height:50px; background:#FFF; margin:2px 0 0;}
.i_news_l li span{ display:block; float:left; width:50px; height:40px; padding:5px 0; line-height:20px; text-align:center; color:#FFF; background:#405580; font-size:14px;}
.i_news_l li a{ display:block; float:left; width:180px; height:40px; overflow:hidden; padding:5px 10px; line-height:20px; }

.ad01{ margin-top:15px; width:254px; overflow:hidden;}

.i_link{margin-top:20px; width:254px; overflow:hidden;}
.i_link ul{width:264px; overflow:hidden;}
.i_link li{float:left; margin-right:10px; display:inline-block; width:78px; height:78px;}
.i_link li:nth-child(1){ background:url(../Images/icon02.png) no-repeat center center #FFF;}
.i_link li:nth-child(2){ background:url(../Images/icon03.png) no-repeat center center #FFF;}
.i_link li:nth-child(3){ background:url(../Images/icon04.png) no-repeat center center #FFF;}
.i_link li a{display:block; padding-top:40px; line-height:38px; text-align:center;}

.footer{position: absolute; left:0; bottom:0; width:100%; height:80px; background:#405580; overflow:hidden; z-index:23;}


.flink{float:right; height:80px; width:294px; padding:0 20px; background:#5C7099; overflow:hidden;}
.flink ul{padding:15px 0 0 ;}
.flink li{float:left;height:30px;margin-left:10px;}
.flink li a{ color:#FFF; font-size:14px;}

.fleft{float:left; display:inline; margin:20px 0 0 20px;}
.footer_nav{ height: 24px;}
.footer_nav a{ display:inline-block; margin-right:2px; width:86px; height:24px; background:#5c7099; color:#FFF; line-height:24px; text-align:center;}
.footer_nav a:hover{ background:#ffffff; color:#666666;}
.footer_nav a.on{ background:#ffffff; color:#666666;}

.copyright{color:#FFF; margin-top:10px; font-size:14px; line-height:20px;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.pheader{min-width:1170px; width:100%; height:100px;background:#FAFAFA;}

.p_container{ background:url(../Images/bg01.jpg) no-repeat center top;}

.p_tbox{width:1170px; margin:0 auto;}
.ptxt{float:right;margin:85px 0 0;text-align:right;}
.ptxt strong{ display:block; line-height:40px; color:#FFF; font-size:26px; font-weight:normal;}
.ptxt span{ display:block;color:#FFF;font-size: 14px;color:#CEDEF7; line-height:25px; margin-left:-0.5em;}

.p_cbox{width:1170px; margin:0 auto; padding-bottom:50px; }
.p_left{float:left;}
.p_left1{width:195px;background:#FFF;}
.p_right{float:right;}
.p_right1{width:865px; padding:40px 30px;background:#FFF;font-size: 14px;line-height:180%;}

.sidebar{padding:5px 15px 15px; width:165px;}
/*.sidebar dl{width:165px; margin-top:10px; background:#e9edf5;}
.sidebar dl dt{height:40px; line-height:40px; background:#405580;}
.sidebar dl dt a{ display:block; width:165px; height:40px; text-indent:15px; color:#FFF; font-size:14px; background:url(../Images/icon06.png) no-repeat right top;}
.sidebar dl dt:hover{background:#2453b3;}
.sidebar dl dt.on{background:#2453b3;}
.sidebar dl dt.on a{ background:url(../Images/icon05.png) no-repeat right top;}
.sidebar dl dd{ padding:15px; width:135px;}
.sidebar dl dd a{ display:block; width:135px; height:30px; line-height:30px; margin-top:2px; text-indent:10px; color:#666666; background:#FFF;}
.sidebar dl dd a:hover{color:#333333; background:#ffd400;}*/

.p_path{float:right;}
.p_path span{color:#999;}
.p_path a{ padding:0 5px;}

.p_about{}

.pfooter{width:100%; background:#405580;}
.pf_box01{padding: 45px 0; background: #FFF;}
.f_wx{float: left; width: 195px;}
.f_wx img{ width:86px; height:86px; border: 1px solid #E5E5E5;}
.f_wx span{ display:block; line-height:30px;color: #1A3A6B; font-size: 12px;}

.fnav{float:left;}
.fnav dl{float: left; width: 135px; height: 145px; padding: 0 30px; border-left: 1px solid #E5E5E5;}
.fnav dl dt{line-height: 16px; font-weight:bold; font-size:14px; margin-bottom: 10px;}
.fnav dl dd a{ line-height:20px; color:#999; font-size:13px;}
.fnav dl dd a:hover{ color:#405580;}


.ftxt{float:right; width: 300px; text-align: right;}
.ftxt span{ display:block; font-weight: normal;  margin-top: 120px; line-height: 40px; color: #c3c3c3; font-size: 12px;}

.pf_box02{ margin:0 auto; width:1170px;}

.pfooter .copyright{color:#a6b5d3; margin-top:10px; font-size:14px; line-height:20px;}
.pfooter .jsq{color:#a6b5d3; margin-top:10px; padding-bottom:20px; font-size:14px; line-height:20px;}

.pflink{float:right; width:294px; padding:20px; overflow:hidden;}
.pflink select{ height:24px; line-height:24px;}


/* ��ҳ���ֽ��� */

/*响应式网站制作开始*/
.i_banner_box123 img{max-width: 100%;}
.i_banner_box123 {display:none; }
.m2{display:none; }
@media screen and (max-width: 1366px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/

}/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.i_banner_box123 {display:none; }
.header_r{display:none; }
.p_container{width:100%;padding:0px 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.p_tbox { width: 100%;}
.p_cbox {width: 100%;}
.p_left{width: 20%;display:none;}
.p_right{width:100%;float:none;margin:0 auto;padding:0px 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}
.p_right1{width: 99%;padding: 40px 10px;margin-left: -6px;}
.mauto { width: 100%;}
.ftxt{width:auto;margin-right: 1%;}
.f_wx { width: 20%; margin-left: 3%;}
.pf_box02 { width: 100%;}
.pflink{width: 20%;}
}/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/

@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 30px !important;}
.mfbox {width: 100%;}
.i_nav{display:none}
.navbar-toggle{display:block;margin-right: 10px;margin-top: 5px;line-height: 60px;}
.navbar-toggle{display:block;}
.i_nav { width: 100%; height: auto; right: 0; z-index: 9999;margin:0px;}
.ddsmoothmenu ul {  width: 100%;}
.ddsmoothmenu ul li {  width: 100%; height: auto;border-bottom: 1px #f6f6f6 solid;background: #fff;}
.nava:hover,.navactive:hover { background: #fff;}
.ddsmoothmenu ul li  a{color:#000;}
.ddsmoothmenu ul li  a:hover{color:#2453b3;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #2453b3;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #2453b3;padding:0px;}
.navactive, .navactive:hover, .nava, .nava:hover { width: 100%;font-size: 13px;padding:0px;line-height:40px;}
.ddsmoothmenu ul li a {width: 100%;}
.i_nav ul li ul { position: relative; width: 100% !important;}
.i_nav ul li ul li { width: 100%; border: 0;}
.i_nav ul li ul li a { width: 100%;}
.i_nav li a em{float: left;}
.i_banner_box{display: none;}
.i_banner_box123 { display:block;}
.header{min-width: 100%;position: relative;}
/*.i_nav{}
.header_r{display:none;}
.pheader {min-width: 100%;}
.i_banner_box123 { display: block;width: 60%;}
.conrinfo { height: 251px;overflow-y: auto;margin: 387px 1px 20px 10px;}
.i_container{min-height: 0px;width: 280px;}
.footer {position: relative;    margin-top: 5px;}
.flink {width: 266px;}
.fleft {width: 60%;margin:0px;}
.footer_nav {text-align: center;;width: 100%;}
.copyright {margin-top: 24px;font-size: 12px;text-indent: 6px;}
.footer_nav a{width: 72px;margin: 10px auto;}
.m2 {display: none }
.m1 {display: block;}
.i_nav2 li a em{float: left;}*//*注释的这块是有另外个效果*/
.i_nav{}
.header_r{display:none;}
.pheader {min-width: 100%;}
.i_banner_box123 { display: block;width: 100%;}
.conrinfo { height: auto;overflow-y: auto;margin: 10px 1px 20px 10px;}
.i_container{min-height: 0px;width: 280px;}
.footer {position: relative;    margin-top: 5px;}
.flink {width: 266px;}
.fleft {width: 60%;margin:0px;}
.footer_nav {text-align: center;;width: 100%;}
.copyright {margin-top: 24px;font-size: 12px;text-indent: 6px;}
.footer_nav a{width: 72px;margin: 10px auto;}
.m2 {display: none }
.m1{display: block;}
.i_container{position: relative;width: 100%;padding:0px 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.i_about{margin: 0px auto;width: 100%;height: 150px;}
.title01{width: 50%;margin: 3px auto;}
.title01 img{max-width: 100%;height: auto;}
.i_news{margin: 6px auto;width: 100%;}
.title02 h3{font-size: 20px;}
.title02{width: 100%;text-align: center;}
.i_news_f{margin: 0 auto;width: 100%;text-align: center;}
#flash_show_out{margin: 0 auto;width: 100% !important;height: auto !important;}
#flash_img{margin: 0 auto;width: 100% !important;height: auto !important;}
#flash_img a img {max-width: 100%;height: auto !important;width:auto !important;}
#flash_btn{height: auto !important;width:100% !important;margin-top: 6px;}
.i_news_l{width: 100%}
.i_news_l li a{width: 60%;line-height: 40px;}
.ad01{margin:0px;width: 35%;float: left;margin-right: 20px;}
.ad01 + .clear { clear:none; }

.ad01 img{max-width: 100%;height: auto !important;width:100% !important;}
.i_link{margin: 0px ;float: left;}
.i_nav { position: absolute;top: 100px;}
.p_left {display: block;width:100%;float: none;
margin: 0 auto;}
.p_left1{width:100%;padding:0px 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}
.sidebar{width:100%;padding: 5px 0px 15px;}
.sortnavul li{width:100%;}
.sortnavul li a{width:100%;}
.sortnavul li ul{width: 96%;}
.sortnavul li ul li{width:100%;}
.sortnavul li.btn ul li a{width:100%;}
.sortnavul li ul li ul{width:100%;}
.title03{height: 28px;}
.p_cbox{margin-top: 23px;}
.p_right{padding: 10px 0px;}
.p_right1 { padding: 40px 0px;margin-left:0px;}
.title04{padding: 0 10px;}
.remark1 {
    width: 100%;
    padding: 0 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.remark1 img { max-width: 100%;width: 100%;height: auto !important;}
.fnav { width: 52%;}
.fnav dl{width: 28%;padding: 0 10px;}
.p_container + .clear{clear: both !important;}
.n_n_list li a{width:60%;}
.p_right1 { width: 100%;}
.n_n_list { padding: 0 10px;}
.n_j_list li a{width:60%;}
.n_j_list { padding: 0 10px;}
}/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.i_container{position: relative;width: 100%;padding:0px 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.conrinfo {  margin: 10px 0px;height: auto;}

.i_nav{}
.i_banner_box123 { display: block;width: 100%;}
.m2 {display: none }
.m1 {display: block;}
.i_nav { position: absolute;top: 100px;}
.i_about{margin: 0px auto;width: 100%;height: 150px;}
.title01{width: 50%;margin: 3px auto;}
.title01 img{max-width: 100%;height: auto;}
.i_news{margin: 6px auto;width: 100%;}
.title02 h3{font-size: 20px;}
.title02{width: 100%;text-align: center;}
.i_news_f{margin: 0 auto;width: 100%;text-align: center;}
#flash_show_out{margin: 0 auto;width: 100% !important;height: auto !important;}
#flash_img{margin: 0 auto;width: 100% !important;height: auto !important;}
#flash_img a img {max-width: 100%;height: auto !important;width:auto !important;}
#flash_btn{height: auto !important;width:100% !important;margin-top: 6px;}

.i_news_l{width: 100%}
.i_news_l li a{width: 60%;line-height: 40px;}
.ad01{margin: 6px auto;width: 100%;}
.ad01 img{max-width: 100%;height: auto !important;width:100% !important;}
.i_link{margin: 0px auto;float: none;}
.footer{height:auto;}
.flink{width: 32%;height:auto;}
.fleft{width: 58%;}
.footer_nav a{margin: 2px auto;}
.copyright{margin-top: 32px;padding-left: 3px;width: 100%;text-indent: 0px;}
.title03 { height: 35px;width: 20%;padding: 23px 0;}
.title03 h3{font-size: 16px;line-height: 28px;}
.title03 span{font-size: 12px;height: 10px;line-height: 10px;}
.ptxt{margin: 36px 0 0;width: 80%;}
.ptxt strong{font-size: 16px;line-height: 20px;}
.p_cbox{    margin-top: 28px;}
.fnav dl { padding: 0 7px;height: auto;}
.ftxt{width: 15%;}
.fnav {width: 61%;}
.pflink{width: 32%;height: auto;}
.pfooter .copyright{margin-top: 32px;
padding-left: 3px;
width: 100%;
text-indent: 0px;}
.p_p_list{width:100%;}
.p_p_list li {float:none;width: 100%;margin:0px;}
.p_p_list li a {margin: 0 auto;text-align: center;}
.p_p_list li span {text-align: center;margin: 0 auto;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
.p_l_list li {width: 100%;margin: 0px;margin-bottom: 10px;}
.p_l_list li a {display:block;margin: 0 auto;}
.p_l_list li img{text-align: center;margin: 0 auto;}
.p_cbox {padding-bottom: 0px;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
.title03 h3 { font-size: 13px;}
.title03 span{ font-size: 12px;}
.ptxt strong{font-size: 12px;}
.ptxt span{line-height: 17px;font-size: 12px;}
 .ptxt {  margin: 18px 0 0;}
 .fnav { width: 49%;}
 .fnav dl { padding: 0 4px;}
 .f_wx {width: 22%;}
 .ftxt {width: 18%;}


}/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.logo {width: 50%;}
.flink{padding: 0 3px;}
.flink li a{font-size:12px;}
.fleft { width: 66%;}
.f_wx { width: 24%;margin-left: 2%;}
.fnav dl dt{font-size: 12px;}
.fnav dl dd a{font-size: 12px;}
.ftxt {width: 20%;}
.pflink {width: 32%;padding: 20px 0px;margin-right: 1%;}
.pflink select{width: 100%;}
.pf_box02 { padding: 10px 0;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:270px !important;}
input#gbookTopic{width:270px !important;}
input#userMail{width:270px !important;}
}/*当屏幕尺寸小于375px时，结束应用下面的CSS样式*/


@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 26px !important;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:256px !important;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
}/*当屏幕尺寸小于360px时，结束应用下面的CSS样式*/


@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
.copyright { margin-top: 66px;}
.footer_nav a { margin: 3px auto;width: 95px;}
.ptxt strong{font-size: 12px;}
.ftxt { width: 13%;}
.ftxt span {margin-top: 61px;}
.f_wx {width: 28%;}
.fnav { width: 56%;}
.pfooter .copyright { margin-top: 63px;}
textarea#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}
}/*当屏幕尺寸小于320px时，结束应用下面的CSS样式*/